<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title></title>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <meta name="keywords" content="" />
   <meta name="description" content="" />
   <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />

   <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
   <script type="text/javascript" src="js/jquery.successive-appearance_failed.js"></script>
   <script type="text/javascript"> 
   $(function(){ 
      // select some elements, that contain images
      $('#banners img').successiveAppearance();
   });//onDomReady
   </script>

</head>
<body> 

	<div id="header">
		<h1>jquery-successive-appearance</h1>
	</div><!-- #header-->
   
	<div id="content">
		<table width="90%" border="1" align="center" id="banners">
		<tbody>
		<tr>
			<td colspan="3">
				<a href="other_page.html">
	            <img src="i/1.jpg">
				</a>
			</td>
		</tr>
		<tr>
			<td>
				 <img src="i/2.jpg">
			</td>
			<td>
				 <img src="i/3.jpg">
			</td>
			<td>
				 <img src="i/4.jpg">
			</td>
		</tr>
		</tbody>
		</table>
	</div><!-- #content-->
		<div id="console">	</div>
		<img src=".i/11.jpg" alt="" /> <!-- test if image doesn't exists-->
</body>
</html>